.block--left {
  width: 600rpx;
  height: 100vh;
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.container-whz {
  height: 100vh;
  width: 100%;
  // background-color: white;
  overflow-x: hidden;
  // display: flex;

  .containerUser-whz {
    width: 100%;
    height: 40vh;
    // position: fixed;
    // z-index: 1000;

    // background-color: aqua;
    .containerUser-top-whz {
      display: flex;
      justify-content: space-between;
      align-items: center;
      // background-color: rgb(0, 0, 0);
      height: 60rpx;
      padding-top: 110rpx;

      // margin-top: 100rpx;
      .containerUser-top-left-whz {
        margin-left: 30rpx;

        .wrapper-whz {
          width: 65rpx;
          height: 65rpx;
          background-color: transparent;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
        }
      }

      .containerUser-top-right-whz {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 200rpx;
        background-color: rgb(255, 100, 77);
        font-size: 32rpx;
        color: white;
        height: 60rpx;
        padding: 12rpx 18rpx;
        border-radius: 30rpx;
        cursor: pointer;
        border: none;
        /* 移除按钮边框 */
        overflow: hidden;
        transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
        /* 添加过渡效果 */

        &:hover {
          background-color: red;
          /* 改变背景颜色 */
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
          /* 添加盒阴影 */
        }

        &:active {
          background-color: red;
          /* 改变背景颜色 */
          transform: scale(0.95);
          /* 轻微缩放 */
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          /* 改变盒阴影 */
        }
      }
    }

    .userInformation-whz {
      margin-top: 50rpx;
      // background-color: purple;
      display: flex;
      align-items: center;
      padding-top: 10rpx;
      padding-bottom: 10rpx;

      .headImage-whz {
        height: 170rpx;
        width: 170rpx;
        // background-color: red;
        border-radius: 100rpx;
        margin-left: 30rpx;
      }

      .mainInformation-whz {
        height: 150rpx;
        width: 250rpx;
        // background-color: green;
        margin-left: 20rpx;
        padding-left: 10rpx;

        .userName-whz {
          font-size: 42rpx;
          color: white;
          font-weight: 500;
        }

        .userID-whz {
          margin-top: 15rpx;
          font-size: 28rpx;
          color: rgb(153, 153, 153);
        }

        .userIP-whz {
          margin-top: 4rpx;
          font-size: 28rpx;
          color: rgb(153, 153, 153);
        }
      }

      .edit-whz {
        // background-color: red;
        height: 150rpx;
        width: 250rpx;

        .edit-button-whz {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 10rpx;
          background-color: transparent;
          font-size: 28rpx;
          color: white;
          border: 1px solid white;
          height: 60rpx;
          padding: 12rpx 18rpx;
          border-radius: 30rpx;
          width: 160rpx;
        }
      }
    }

    .introduce-whz {
      display: flex;
      margin-top: 30rpx;
      height: 100rpx;
      font-size: 30rpx;
      color: white;
      padding-left: 30rpx;
      padding-right: 60rpx;
    }
  }

  .userMain-whz {
    background-color: white;
    height: 100vh;
    width: 100%;
    margin-top: -25rpx;
    border-radius: 25rpx 25rpx 0 0;
    box-sizing: border-box;
    padding: 5rpx 20rpx;
  }
}